{include file="static/view/web/Common/header.html"}
{include file="static/view/web/Common/navbar.html"}
<!--加载头部文件-->
<body>
<div class="container-fluid" id="excel-page">
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-7">
                <button class="btn btn-primary btn-sm" type="button" @click="plusRow"><i class="glyphicon glyphicon-plus"></i>新增一行</button>
                <button class="btn btn-info btn-sm" type="button" @click="plusColumn"><i class="glyphicon glyphicon-plus"></i>新增一列</button>
            </div>
            
            <div class="col-md-3 text-right">
                <button class="btn btn-success btn-sm" type="button" @click="exportExcel"><i class="glyphicon glyphicon-download"></i> 导出excel</button>
            </div>
        </div>
    </div>

    <div class="row" style="margin-top: 20px;">
        <div class="col-md-12">
            <table class="table table-bordered" id="excel_table">
                <tr class="tr-head">
                    <td class="td-column text-center" draggable="true" onclick="removeColumn(this)" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <i class="glyphicon glyphicon-minus"></i>
                    </td>
                    <td class="td-column text-center" draggable="true" onclick="removeColumn(this)" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <i class="glyphicon glyphicon-minus"></i>
                    </td>
                    <td class="td-column text-center" draggable="true" onclick="removeColumn(this)" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <i class="glyphicon glyphicon-minus"></i>
                    </td>
                    <td class="td-column text-center" draggable="true" onclick="removeColumn(this)" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <i class="glyphicon glyphicon-minus"></i>
                    </td>
                    <td class="td-column text-center" draggable="true" onclick="removeColumn(this)" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <i class="glyphicon glyphicon-minus"></i>
                    </td>
                    <td class="td-column text-center" style="border-top-style: hidden; border-right-style: hidden"></td>
                </tr>

                <tr class="tr-row">
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="1,1">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="1,2">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="1,3">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="1,4">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="1,5">
                    </td>
                    <td class="td-row text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)" onclick="removeRow(this)">
                        <i class="glyphicon glyphicon-minus"></i>
                    </td>
                </tr>

                <tr class="tr-row">
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="2,1">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="2,2">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="2,3">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="2,4">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="2,5">
                    </td>
                    <td class="td-row text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)" onclick="removeRow(this)">
                        <i class="glyphicon glyphicon-minus"></i>
                    </td>
                </tr>

                <tr class="tr-row">
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="3,1">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="3,2">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="3,3">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="3,4">
                    </td>
                    <td class="td-item text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)">
                        <input type="text" class="form-control td-input" value="3,5">
                    </td>
                    <td class="td-row text-center" draggable="true" ondragstart="initDragtart(event)" ondragover="initDragOver(event)" ondrop="initDrop(event)" onclick="removeRow(this)">
                        <i class="glyphicon glyphicon-minus"></i>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
</body>
<!--加载尾部-->
{include file="static/view/web/Common/footer.html"}